<!-- Cart page -->
<div id="cartView" class="hide">
    <div id="cart-container">
        <div id="cartViewHeader">
            <div id="cartViewTitleId" class="cartViewHeader cartViewHeaderId">Id</div>
            <div id="cartViewTitleName" class="cartViewHeader cartViewHeaderName">Name</div>
            <div id="cartViewTitleAuthor" class="cartViewHeader cartViewHeaderAuthor">Author</div>
            <div id="cartViewTitleDes" class="cartViewHeader cartViewHeaderDes">Des</div>
            <div id="cartViewTitlePrice" class="cartViewHeader cartViewHeaderPrice">Price</div>
            <div id="cartViewTitleQuantity" class="cartViewHeader cartViewHeaderQuantity">Quantity</div>
            <div id="cartViewTitleTotal" class="cartViewHeader cartViewHeaderTotal">Total</div>
        </div>
        <div id="cartViewList"></div>
        <div id="cartViewTotal">
            Total: <div id="cartViewTotalNumber"></div>
        </div>
        <div id="cartViewButton">
            <div id="cartViewButtonUpdate" class="cartViewButton">Update</div>
            <div id="cartViewButtonCheckout" class="cartViewButton">Checkout</div>
        </div>
        <div id="cartViewOrder">
            <div class="cartViewOrderRow">
                <div class="cartViewOrderLabel">Name :</div>
                <div class="cartViewOrderInput">
                    <input type="text" id="cartViewOrderName" />
                </div>
            </div>
            <div class="cartViewOrderRow">
                <div class="cartViewOrderLabel">Address :</div>
                <div class="cartViewOrderInput">
                    <input type="text" id="cartViewOrderAddress" />
                </div>
            </div>
            <div class="cartViewOrderRow">
                <div class="cartViewOrderLabel">Phone Number :</div>
                <div class="cartViewOrderInput">
                    <input type="text" id="cartViewOrderPhone" />
                </div>
            </div>
            <div class="cartViewOrderRow">
                <div class="cartViewOrderLabel">Payment Method :</div>
                <div class="cartViewOrderInput">
                    <select id="cartViewOrderPayment"></select>
                </div>
            </div>
            <div class="cartViewOrderRow">
                <div class="cartViewOrderLabel">Shipping :</div>
                <div class="cartViewOrderInput">
                    <select id="cartViewOrderShipping"></select>
                </div>
            </div>
        </div>
    </div>
    <div id="cartViewSuccess" class="hide">
        Thank you for choosing our books
    </div>
</div>